/* You can add global styles to this file, and also import other style files */
@import "./theme.scss";
@import "font.scss";
//@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

html, body, app-root, mat-sidenav-container, .site {
  width: 100%;
  height: 100%;
  margin: 0;
}

.site {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}
.full-width {
  width:  100%;
}

.fill-remaining-space {
  // 使用 flextbox 填充剩余空间
  // @angular/material 中的很多控件使用了 flex 布局
  flex: 1 1 auto;
}

.animation-example {
  height: 100px;
  width: 100px;
  //display: flex;
  //justify-content: center;
  //align-items: center;
  //border: 1px solid #020405;
  background-color: black;

}

